<?php
/**
 * @version     kingadmin-v1.2-tx
 * @package     tpl_gpcb
 * @copyright   Copyright (C) 2014. All Rights Reserved
 * @license     Creative Commons Attribution-NoDerivatives 4.0 International License
 * @author      caballeroantonio <caballeroantonio@hotmail.com> - http://caballeroantonio.com
 */

// No direct access
defined('_JEXEC') or die;

$kbpath = 'templates/gpcb';
$this->document->page_class = 'forms-inplace-editing';
?>

							<div class="main-header">
								<h2>In-Place Editing</h2>
								<em>in-place editing input by x-editable</em>
							</div>

							<div class="main-content">
								<!-- X-EDITABLE -->
								<div class="widget">
									<div class="widget-header">
										<h3><i class="fa fa-edit"></i> In-Place Editing</h3>
										<div class="btn-group widget-header-toolbar">
													<div class="control-inline toolbar-item-group">
														<span class="control-title">Inline Style</span>
														<div class="control-inline onoffswitch">
															<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="switch-inline-input">
															<label class="onoffswitch-label" for="switch-inline-input">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</label>
														</div>
													</div>
												</div>
										<div class="btn-group widget-header-toolbar">
											<button id="enable" class="btn btn-default btn-sm">Enable / Disable</button>
										</div>
									</div>
									<div class="widget-content">
										<table id="user" class="table table-bordered table-striped">
											<tbody>
												<tr>
													<td width="35%">Simple text field</td>
													<td width="65%"><a href="#" id="username" data-type="text" data-pk="1" data-title="Enter username">superuser</a></td>
												</tr>
												<tr>
													<td>Required, client-side error message</td>
													<td><a href="#" id="lastname" data-type="text" data-pk="1" data-placement="right" data-placeholder="Required" data-title="Enter your last name">mylastname</a></td>
												</tr>
												<tr>
													<td>Select, local array, custom display</td>
													<td><a href="#" id="sex" data-type="select" data-pk="1" data-value="" data-title="Select sex"></a></td>
												</tr>
												<tr>
													<td>Select, remote array, no buttons</td>
													<td><a href="#" id="group" data-type="select" data-pk="1" data-value="5" data-source="/groups" data-title="Select group">Admin</a></td>
												</tr>
												<tr>
													<td>Select, error while loading</td>
													<td><a href="#" id="status" data-type="select" data-pk="1" data-value="0" data-source="/status" data-title="Select status">Active</a></td>
												</tr>
												<tr>
													<td>Datepicker</td>
													<td><a href="#" id="dob" data-type="date" data-pk="1" data-url="/post" data-title="Select date">15/05/1984</a></td>
												</tr>
												<tr>
													<td>Combodate (date)</td>
													<td><a href="#" id="combodate" data-type="combodate" data-value="1984-05-23" data-format="YYYY-MM-DD" data-viewformat="DD/MM/YYYY" data-template="D / MMM / YYYY" data-pk="1"  data-title="Select Date of birth"></a></td>
												</tr>
												<tr>
													<td>Combodate (datetime)</td>
													<td><a href="#" id="event" data-type="combodate" data-template="D MMM YYYY  HH:mm" data-format="YYYY-MM-DD HH:mm" data-viewformat="MMM D, YYYY, HH:mm" data-pk="1"  data-title="Setup event date and time"></a></td>
												</tr>
												<tr>
													<td>Textarea, buttons below. Submit by <i>ctrl+enter</i></td>
													<td><a href="#" id="comments" data-type="textarea" data-pk="1" data-placeholder="Your comments here..." data-title="Enter comments">awesome user!</a></td>
												</tr>
												<tr>
													<td>Twitter typeahead.js</td>
													<td><a href="#" id="state2" data-type="typeaheadjs" data-pk="1" data-placement="right" data-title="Start typing State.."></a></td>
												</tr>
												<tr>
													<td>Checklist</td>
													<td><a href="#" id="fruits" data-type="checklist" data-value="2,3" data-title="Select fruits"></a></td>
												</tr>
												<tr>
													<td>Select2 (tags mode)</td>
													<td><a href="#" id="tags" data-type="select2" data-pk="1" data-title="Enter tags">html, javascript</a></td>
												</tr>
												<tr>
													<td>Select2 (dropdown mode)</td>
													<td><a href="#" id="country" data-type="select2" data-pk="1" data-value="BS" data-title="Select country"></a></td>
												</tr>
												<tr>
													<td>Custom input, several fields</td>
													<td><a href="#" id="address" data-type="address" data-pk="1" data-title="Please, fill address"></a></td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
								<!-- END X-EDITABLE -->

								</div><!-- /main-content -->
						

	<!-- Javascript -->
	<script src="<?= $kbpath ?>/assets/js/jquery.mockjax.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/moment.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/bootstrap-datepicker.js"></script>
	<script src="<?= $kbpath ?>/assets/js/bootstrap-editable.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/typeahead.js"></script>
	<script src="<?= $kbpath ?>/assets/js/typeaheadjs.1.5.1.js"></script>
	<script src="<?= $kbpath ?>/assets/js/select2.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/address.custom.js"></script>
	<script src="<?= $kbpath ?>/assets/js/demo-mock.js"></script>
	<script src="<?= $kbpath ?>/assets/js/king-elements.js"></script>
